<template>
  <van-tabs
    :active="active "
    custom-class="van-tabs"
    :sticky="true"
    :offset-top="0"
    color="#1989fa"
  >
    <van-tab title="实施列表" tab-class="van-tab">
      <bar></bar>
      <van-notice-bar
        :speed="40"
        left-icon="volume-o"
        scrollable
        text="安全第一，预防为主。责任心是安全之魂，标准化是安全之本..."
      />
      <Status></Status>
      <bar></bar>
      <MySelect></MySelect>
      <List></List>
    </van-tab>
    <van-tab title="视频查询">
      <bar></bar>
      <MySelect></MySelect>
      <List></List>
    </van-tab>
    <van-tab title="图片查询">
      <bar></bar>
      <MySelect></MySelect>
      <List></List>
    </van-tab>
  </van-tabs>
</template>

<script>
import bar from "@/components/bar.vue";
import Status from "./components/status.vue";
import List from "./components/list.vue";
import MySelect from "./components/select.vue";
export default {
  components: {
    bar,
    Status,
    List,
    MySelect
  },
  data() {
    return {
      list: [],
      active: 0,
      search: ""
    };
  },
  methods: {}
};
</script>
<style lang="less" scoped>
.van-tab {
}
</style>
